<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>爱邦特装修</title>
<link href="css/common.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">

<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.2.js"></script>

<!-- ****************** Full width slider 2  ***************** -->
<meta name="HandheldFriendly" content="True">

<link rel="stylesheet" href="fwslider/css/fwslider.css" media="all">

<script src="fwslider/js/css3-mediaqueries.js"></script>
<script src="fwslider/js/fwslider.js"></script>
<script type="text/javascript">
	$(window).load(function() {
		new fwslider().init({
			duration : "500", /* Fade Speed (miliseconds) */
			pause : "3000" /* Autoslide pause between slides (miliseconds)*/
		});
	});
</script>

<style type="text/css">
#fwslider {
	margin-top: 60px;
}

#fwslider .slider img {
	height: 400px;
}
</style>

<!-- ****************** Full width slider 2  ***************** -->
</head>


<body>

	<div class="header">
		<div class="content">
			<div class="logoContainer">
				<h1>aibangte</h1>
			</div>
			<div class="navigationContainer">
				<ul class="navigation">
					<li class="active"><a href="index.html">首页</a></li>
					<li><a href="about.html" class="aLink">公司介绍</a></li>
					<li><a href="blog.html" class="aLink">设计作品</a></li>
					<li><a href="portfolio.html" class="aLink">精品工程</a></li>
					<li><a href="portfolio.html" class="aLink">招贤纳士</a></li>
					<li><a href="contacts.html" class="aLink">联系我们</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div id="fwslider">
		<div class="slider_container">
			<div class="slide">
				<!-- Slide image -->
				<img src="images/index/slider/kt.jpg">
				<!-- /Slide image -->

				<!-- Texts container -->
				<div class="slide_content">
					<div class="slide_content_wrap">
						<!-- Text title -->
						<h4 class="title">Slide 1</h4>
						<!-- /Text title -->

						<!-- Text description -->
						<p class="description">Nam sed porta est. Vestibulum id massa
							eu odio rhoncus eleifend.</p>
						<!-- /Text description -->

						<!-- Learn more button -->
						<a class="readmore" href="http://www.google.com">Learn More</a>
						<!-- /Learn more button -->
					</div>
				</div>
				<!-- /Texts container -->
			</div>


			<!-- demo slides (you can delete these) -->
			<div class="slide">
				<img src="images/index/slider/ht.jpg">
				<div class="slide_content">
					<div class="slide_content_wrap">
						<h4 class="title">Slide 2</h4>
						<p class="description">Nam sed porta est. Vestibulum id massa
							eu odio rhoncus eleifend.</p>
						<a class="readmore" href="http://www.google.com">Learn More</a>
						<!-- /Learn more button -->
					</div>
				</div>
			</div>

			<div class="slide">
				<img src="images/index/slider/jl.jpg">
				<div class="slide_content">
					<div class="slide_content_wrap">
						<h4 class="title">Slide 3</h4>
						<p class="description">Nam sed porta est. Vestibulum id massa
							eu odio rhoncus eleifend.</p>
						<a class="readmore" href="http://www.google.com">Learn More</a>
						<!-- /Learn more button -->
					</div>
				</div>
			</div>
			<!-- /demo slides (you can delete these) -->



		</div>
		<div class="timers"></div>
		<div class="slidePrev">
			<span></span>
		</div>
		<div class="slideNext">
			<span></span>
		</div>
	</div>

	<div class="latestProdectTitleContainer">
		<div class="content">
			<span>最新设计</span>
		</div>
	</div>

	<div class="latestProdectContainer">
		<div class="content">
			<div class="lastestProduct">
				<a href="#">
					<div class="productImg">
						<img src="images/index/newProduct/1.jpg">
					</div>
					<div class="productInfo">
						<div class="title">
							<span>西式风格别墅</span>
						</div>
						
						<div class="comment">
							丽景花园  200m²
						</div>
					</div>
				</a>
			</div>
			<div class="lastestProduct space">
			<a href="#">
					<div class="productImg">
						<img src="images/index/newProduct/1.jpg">
					</div>
					<div class="productInfo">
						<div class="title">
							<span>西式风格别墅</span>
						</div>
						
						<div class="comment">
							丽景花园  200m²
						</div>
					</div>
				</a></div>
			<div class="lastestProduct space">
			<a href="#">
					<div class="productImg">
						<img src="images/index/newProduct/1.jpg">
					</div>
					<div class="productInfo">
						<div class="title">
							<span>西式风格别墅</span>
						</div>
						
						<div class="comment">
							丽景花园  200m²
						</div>
					</div>
				</a></div>
			<div class="lastestProduct space">
			<a href="#">
					<div class="productImg">
						<img src="images/index/newProduct/1.jpg">
					</div>
					<div class="productInfo">
						<div class="title">
							<span>西式风格别墅</span>
						</div>
						
						<div class="comment">
							丽景花园  200m²
						</div>
					</div>
				</a></div>
		</div>
	</div>

	<div class="footer">
		<div class="content">
			<div class="copyright">&copy; 2013 版权所有 爱邦特装饰有限公司</div>
		</div>
	</div>
</body>
</html>